<template>
  <div class="xq">
    <div class="head">
      <div class="ift-back" @click="returns"></div>
      <h1></h1>
      <div class="ift-menu" @click="flags"></div>
    </div>
    <div class="switch" v-show="flag">
      <ul class="Icon">
        <li @click="homePage">
          <div class="image icon-sy"></div>
          首页
        </li>
        <li @click="Ranking">
          <div class="image icon-sj"></div>
          书架
        </li>
        <li @click="classification">
          <div class="image icon-gx"></div>
          更新
        </li>
        <li @click="consulting">
          <div class="image icon-zx"></div>
          咨询
        </li>
        <li @click="images">
          <div class="image icon-tp"></div>
          图片
        </li>
        <li @click="character">
          <div class="image icon-rw"></div>
          人物
        </li>
        <li>
          <div class="image icon-wd" @click="my"></div>
          我的
        </li>
      </ul>
    </div>
    <div class="content">
      <h1>国风版《海贼王》，路飞像上海滩霸主，女帝娜美旗袍装娇艳欲滴</h1>
      <div class="time">
        <span>2021.01.05</span><span class="ift-eye-open">999999</span>
      </div>
      <p class="pone">
        《海贼王》已经连载了数十年，成为了无数人的童年回忆，而且这份回忆与青春还在继续中，作为三大民工漫中唯一还在持续输出的日漫作品，《海贼王》的热血永远不会停歇!今天给大家带来的是国内一位非常强大的画师毒药无形的作品，他所创作的一组《海贼王》的同人组图，可以说是非常非常非常的惊艳，不光人物与服装绘制的非常好看，而且形成了体系和关联!甚至我们可以自己脑补出一场老上海滩的大戏，其中每一个人的装扮都有那种。请点击图片查看大图，右键图片选“图片另存为”可以下载图片！
      </p>
      <p>
        《海贼王》已经连载了数十年，成为了无数人的童年回忆，而且这份回忆与青春还在继续中，作为三大民工漫中唯一还在持续输出的日漫作品，《海贼王》的热血永远不会停歇!今天给大家带来的是国内一位非常强大的画师毒药无形的作品，他所创作的一组《海贼王》的同人组图，可以说是非常非常非常的惊艳，不光人物与服装绘制的非常好看，而且形成了体系和关联!甚至我们可以自己脑补出一场老上海滩的大戏，其中每一个人的装扮都有那种经典老上海滩电影的感觉，每个人物都非常的出彩，是不可多得的优秀的作品!那么就让我们一起来欣赏一下，这种电影级的同人作品吧!(以下内容纯属脑洞，只是为了博君一笑，别太认真哈!)上海滩霸主路飞路飞穿上老式国风的服装，摇身一变成为了老上海滩的霸主，他是海贼王帮会的龙头老大，他纵横整个上海滩未逢敌手，他的势力遍布整个上海滩，所有人见到了他都要尊称一声路爷!就算是路爷只是简单地拿下自己的帽子，整个上海滩都要抖上三抖!
      </p>
      <img src="https://image.yqmh.com/news/0w5ha4u4.jpg" alt="" />
      <p>
        三刀堂堂主索隆一身唐装的索隆腰间常常挂着三把刀，不过没有见过他出道，因为见过索隆刀的人都已经不在这个世界上了!他是路爷旗下最强的战力，他所率领的三刀堂就是路爷手下最为锋利的尖刀，轻松地震慑了整个上海滩!
      </p>
      <img src="https://image.yqmh.com/news/kho5ppa1.jpg" alt="" />
      <p>
        师爷山治一身黑色带烫金花纹服装的山治是整个海贼王帮会最强的大脑，大部分都不敢直接说出他的名字，而是尊称他一声师爷!谁都不知道一直叼着烟袋的师爷山治在想着什么，如果墨镜下的那双眼睛盯向了你，那么你要多掂量掂量自己了!不过在传闻中师爷山治还是有温柔的一面的，只不过只有海贼王帮会的核心成员有见过，据说山治做了一手好菜，可惜能尝到这个份手艺的人没有几个!
      </p>
      <img src="https://image.yqmh.com/news/js365hfh.jpg" alt="" />
      <p>
        大哥艾斯根据传闻其实最早的海贼王帮会是由三兄弟一同建立的，而路爷其实只是三兄弟最小的那个，两位大哥懒得管理所以讲三弟推上了台面，但是现在已经无人敢问也无人敢查证了!大哥艾斯经常出没于海贼王帮会的总部，但是却没有人敢上去搭话，虽然他一向笑得很阳光，只能看到少数几个核心成员跟他有说有笑!而传闻中路爷在见到大哥艾斯的时候也会露出灿烂的笑容!
      </p>
      <img src="https://image.yqmh.com/news/4ix5ji5y.jpg" alt="" />
      <p>
        二哥萨博同样是传说中的人物，总是带着帽子拿着折扇的萨博在传闻中，是海贼王帮曾经的师爷，不过在山治加入之后就退居二线了，结合之前的传闻让整个强大的海贼王帮会又蒙上了一层神秘的面纱!
      </p>
      <img src="https://image.yqmh.com/news/00n3043u.jpg" alt="" />
      <p>
        小野猫娜美一身红色旗袍装的小野猫娜美是海贼王帮会的灵魂，因为娜美掌管着整个帮会的财务，传闻娜美要是发火可是比路爷更加可怕，毕竟这是整个上海滩少数敢指着路夜鼻子骂的人!谁也不敢小看这个掌管着半个上海滩财富的女人，毕竟她只要动动嘴你可能就从这个世界上消失!
      </p>
      <img src="https://image.yqmh.com/news/6aep7k2u.jpg" alt="" />
      <p>
        九蛇帮女帝帮会林立的上海滩中唯一一位女性掌权者，九蛇帮的女帝，已经没有人知道她的真实名字了，毕竟随便乱打听的人，第二天早上都被发现在江边了!充满神秘的美丽女人，传闻中只要看过女帝一眼就会沉沦其中，再也无法忘怀!不过好像女帝和路爷来往过密，总是可以看到霸气的女帝前往路爷的住所，不过好像回来的时候都不太开心，这一直是上海滩的迷，九蛇帮的女帝到底去干了什么?
      </p>
      <img src="https://image.yqmh.com/news/8hjczzxl.jpg" alt="" />
      <p>
        第一杀手佩罗娜上海滩最为神秘的人物，她是传说中的杀手佩罗娜，没有几个人见过她真正的面目，只是传闻她是一个大美女，出场的时候好像总会伴随着幽灵般的声音，而根据传说她杀敌是不需要亲自动手的，因为见到她的敌人会自我了断!虽然是一位相当传奇的杀手，但是也是有花边新闻的，她似乎和海贼王帮会来往密切，而且传闻和三刀堂堂主索隆关系不错!
      </p>
      <img src="https://image.yqmh.com/news/l0fyfm15.jpg" alt="" />
      <p>
        好了脑洞就开到这里，最后再附上一张全员集合的同人图!希望大家会喜欢我根据这组同人图幻想的海贼王版上海滩，这组图真的是太好看，有太多可以联想的空间了!
      </p>
      <img src="https://image.yqmh.com/news/knfpixus.jpg" alt="" />
      <p class="fabulous">*本文内容不代表看漫画观点，著作权归原作者所有</p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      flag: false,
    };
  },
  methods: {
    returns() {
      this.$router.go("-1");
    },
    consulting() {
      this.$router.push("/find/consulting");
    },
    images() {
      this.$router.push("/find/image");
    },
    character() {
      this.$router.push("/find/character");
    },
    homePage() {
      this.$router.push("/homePage");
    },
    classification() {
      this.$router.push("/classification");
    },
    Ranking() {
      this.$router.push("/Ranking");
    },
    my() {
      this.$router.push("/my");
    },
    flags() {
      this.flag = !this.flag;
    },
  },
};
</script>
<style lang="less">
.xq {
  .head {
    position: fixed;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 45px;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    div {
      width: 45px;
      font-size: 20px;
      color: #fc6976;
    }
    h1 {
      flex: 1;
      font-size: 18px;
      font-weight: 500;
    }
  }
  .switch {
    position: fixed;
    top: 45px;
    z-index: 2;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    .Icon {
      background-color: white;
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 2%;
      li {
        width: 25%;
        font-size: 14px;
        margin: 2% 0;
        text-align: center;
        div {
          margin: 1% auto;
          width: 42px;
          height: 42px;
          background-image: url(../../assets/sprite.tabs.f5a3c@2x.png);
          background-size: 450%;
          background-repeat: no-repeat;
        }
        .icon-sy {
          background-image: url(../../assets/咨询.png);
          background-size: 800%;
          background-position: 63% 97%;
        }
        .icon-sj {
          background-position: 100% 48%;
        }
        .icon-gx {
          background-position: 66% 0%;
        }
        .icon-zx {
          background-image: url(../../assets/咨询.png);
          background-size: 800%;
          background-position: 102% -2%;
        }
        .icon-tp {
          background-image: url(../../assets/咨询.png);
          background-size: 800%;
          background-position: 77% 97%;
        }
        .icon-rw {
          background-image: url(../../assets/咨询.png);
          background-size: 800%;
          background-position: 50% 97%;
        }
        .icon-wd {
          background-position: 66% 100%;
        }
      }
    }
  }
  .content {
    margin: 60px 5% 0;
    width: 90%;
    color: #333;
    h1 {
      width: 94%;
      font-size: 24px;
      font-weight: 600;
    }
    .time {
      width: 100%;
      height: 20px;
      span {
        font-size: 12px;
        float: left;
        color: #999;
        &:nth-child(2) {
          float: right;
        }
      }
    }
    .pone {
      background-color: #fff5f6;
      line-height: 22px;
      font-size: 15px;
      border-radius: 3px;
      color: #555;
      padding: 10px;
    }
    p {
      line-height: 22px;
      font-size: 15px;
      color: #333;
    }
    img {
      width: 100%;
    }
    .fabulous {
      font-size: 12px;
      padding-bottom: 50px;
      color: #999;
    }
  }
}
</style>